<!-- 分类内容组件 -->
<template>
  <div class="flnr">
    <img :src="src" alt="" />
    <div class="flnr1">
      <h3>
        {{ title }} &nbsp;&nbsp;&nbsp; <span class="">{{sp|pf}}</span>
      </h3>
      <h5>{{ zz }}</h5>
      <p class="pp">{{ pp }}</p>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  props: ["src", "title", "sp", "zz", "pp"],
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
  filters: {
    pf: function (val) {  
        return val + "评分";
    },
  },
};
</script>
<style scoped>
.flnr {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}
.pp {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.16rem;
}
img {
  width: 3rem;
  margin-right: 0.1rem;
}
h3 {
  font-size: 0.2rem;
}
h5 {
  font-size: 0.18rem;
  margin: 0.1rem 0;
}
</style>